<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/date.css">
    <link rel="stylesheet" href="./css/yemian.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/loadly/jquery.lazyload.js"></script>
    <script src="./js/lodash.js"></script>
    <script src="./js/ding.js"></script>
    <script src="./js/lazy.js"></script>
    <script src="./js/tab.js"></script>
    <script src="./js/bigming.js"></script>
    <script src="./js/date.js"></script>
</head>
<body>
    <header>
    <div class="container">
        <div class="left">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="">华为官网</a></li>
                <li><a href="">花粉俱乐部</a></li>
                <li><a href="">V码</a></li>
                <li><a href="">企业购</a></li>
                <li><a href="">Select Region</a></li>
                <li class="drop-down">
                    <a href="">
                        更多精彩
                        <span class="iconfont icon-arrow-up"></span>
                    </a>
                    <ol class="list">
                        <li><a href="">EMUI</a></li>
                        <li><a href="">应用市场</a></li>
                        <li><a href="">华为终端云空间</a></li>
                        <li><a href="">开发者联盟</a></li>
                    </ol>
                </li>
            </ul>
        </div>
        <div class="right">
            <ul class="right-content">
                <li>
                    <div class="simp"><a href="./login.html">请登录</a></div>
                </li>
                <li>
                    <div class="simp"><a href="./reg.html">注册
                        </a></div>
                </li>
                <li>
                    <div class="simp">
                        <a href="">我的订单</a>
                    </div>
                </li>
                <li>
                    <div class="parent">
                        <div class="more">
                            <a href="" class="m-t">客户服务
                                <i class="fa fa-angle-down" aria-hidden="true"></i>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="parent">
                        <div class="more">
                            <a href="" class="m-t">网站导航<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="parent">
                        <div class="more">
                            <a href="" class="m-t">手机版<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="parent">
                        <div class="more">
                            <i class="fa fa-shopping-cart" aria-hidden="true">
                            </i>&nbsp;&nbsp;&nbsp;
                            <a href="./cat.html" class="m-t">购物车(0) </a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</header>
    <nav>
    <div class="container">
        <div class="logo">
            <img src="https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png" alt="logo" data-original='https://res.vmallres.com/pimages//common/config/logo/SXppnESYv4K11DBxDFc2.png' class="lazy oimg">
        </div>
        <ul>
            <li class="active"><a href="./zhuanqu.html">华为专区</a></li>
            <li><a href="">全球甄选</a></li>
            <li><a href="">华为智选</a></li>
            <li><a href="">鸿蒙智联</a></li>
            <li><a href="">HarmonyOS</a></li>
        </ul>
        <div class="search">
            <input type="text" name="search" id="">
            <span class="iconfont icon-search">
                MatePad&nbsp;11&nbsp;&nbsp;&nbsp;&nbsp;Nova 8</span>
        </div>
    </div>
</nav>
<div class="main">
    <div class="container">
        <div class="crumbs">
            <a href="" title="首页">首页</a>
            <i class="iconfont icon-arrow-right"></i>
            <a href="" title="手机">手机</a>
            <i class="iconfont icon-arrow-right"></i>
            <a href="" title="HUAWEI Mate系列">HUAWEI Mate系列</a>
            <i class="iconfont icon-arrow-right"></i>
            <span id="bread-pro-name">【搭载HarmonyOS 2】HUAWEI Mate 40 Pro 4G 全网通 8GB+256GB（亮黑色）</span>
        </div>
        <div class="details">
            <div class="img-magnif">
                <div id="middleimg" class="mh_magfier">
                    <img src="./image/datejing/800_800_BD1B940E6F1FD1CB2BE7C518A47BAD881C9B1EACC85A12A5mp.png" alt="" 
                    data-original='./image/datejing/800_800_BD1B940E6F1FD1CB2BE7C518A47BAD881C9B1EACC85A12A5mp.png' class="lazy">
                    <div id='middleArea'></div>
                </div>
                <div class="product-gallery-nav thumbs">
                    <a href="" class="back">
                        <i class="iconfont icon-arrow-left">&lt;</i>
                    </a>
                    <ul id="gallerys">
                        <!-- <li class="current">
                            <a href="">
                                <img src="./image/datejing/78_78_BD1B940E6F1FD1CB2BE7C518A47BAD881C9B1EACC85A12A5mp.png" alt="" 
                                data-original='./image/datejing/78_78_BD1B940E6F1FD1CB2BE7C518A47BAD881C9B1EACC85A12A5mp.png' class="lazy a">
                            </a>
                        </li>
                        <li class="">
                            <a href="">
                                <img src="./image/datejing/78_78_A6394E63A0D3E2A7A58AEE6561E4067FCA1AF3A9479A5E93.png" alt="" data-original='./image/datejing/78_78_A6394E63A0D3E2A7A58AEE6561E4067FCA1AF3A9479A5E93.png' class="lazy a">
                            </a>
                        </li>
                        <li class="">
                            <a href="">
                                <img src="./image/datejing/78_78_6178223603594B05570F53F1B1786E9E73CAA7D9B7462786.png" alt="" data-original='./image/datejing/78_78_6178223603594B05570F53F1B1786E9E73CAA7D9B7462786.png' class="lazy a">
                            </a>
                        </li>
                        <li class="">
                            <a href="">
                                <img src="./image/datejing/78_78_14C23A252DE35FBEB1C7C68C8108B10486FE1CF27FA8055C.png" alt="" data-original='./image/datejing/78_78_14C23A252DE35FBEB1C7C68C8108B10486FE1CF27FA8055C.png' class="lazy a">
                            </a>
                        </li> -->
                        <!-- <li class="">
                            <a href="">
                                <img src="./image/datejing/78_78_ACD96A4B02364E8F698BEE6267F651443B0BBA3B270E76B9.png" alt="" data-original='https://res.vmallres.com/pimages//product/6941487229802/group//78_78_ACD96A4B02364E8F698BEE6267F651443B0BBA3B270E76B9.png' class="lazy a">
                            </a>
                        </li> -->
                    </ul>
                    <a href="" class="forward">
                        <i class="iconfont icon-arrow-right">&gt;</i>
                    </a>
                </div>
                <div id="bigArea">
                    <img id="bigImg" src="./image/datejing/428_428_BD1B940E6F1FD1CB2BE7C518A47BAD881C9B1EACC85A12A5mp.png" class="lazy"/>
                </div>
            </div>
            <div class="com-message">
                <div class="product-meta">
                    <h2 class="pro-name">【搭载HarmonyOS 2】HUAWEI Mate 40E 4G 全网通 8GB+128GB（亮黑色）</h2>
                    <p style="color:#ca141d;font-size: 14px;margin-bottom: 14px;text-decoration: underline">每周二、四、六 限量开售，点击了解更多Mate 系列产品>>></p>
                </div>
                <div class="product-info">
                    <div class="price">
                        <label>价格</label>
                        <b><i>¥</i>4599.00</b>
                    </div>
                    <div class="promotion">
                        <label>促销</label>
                        <em class="tag">赠送积分</em>
                        <span class="con">购买即赠商城积分，积分可抵现~</span>
                    </div>
                </div>
                <div class="pulldown">
                    <label>服务说明</label>
                    <div class="list">
                        <ul>
                            <li><i class="iconfont icon-tick"></i>已满48元已免运费</li>
                            <li><i class="iconfont icon-tick"></i>由华为商城提供商品、发货开票及售后服务</li>
                        </ul>
                    </div>
                </div>
                <div class="description">
                    <label>商品编码</label>
                    <div class="fl">2601010138908</div>
                </div>
                <div class="pro-skus">
                    <div class="dl yellow">
                        <label>选择颜色</label>
                        <div class="choose-detail">
                            <ul>
                                <li class="attr1 selected">
                                    <div class="sku">
                                        <a href="" title="亮黑色">
                                            <img src="https://res.vmallres.com/pimages//product/6901443331109/40_40_9DF9BF94A5C5575108AF27F42DEEA8415F70E58F97882DEDmp.png"
                                                alt="亮黑色" data-original='https://res.vmallres.com/pimages//product/6901443331109/40_40_9DF9BF94A5C5575108AF27F42DEEA8415F70E58F97882DEDmp.png' class="lazy">
                                            <p><span>亮黑色</span></p>
                                        </a>
                                    </div>
                                </li>
                                <li class="attr1 selected">
                                    <div class="sku">
                                        <a href="" title="亮黑色">
                                            <img src="https://res.vmallres.com/pimages//product/6901443331109/40_40_9DF9BF94A5C5575108AF27F42DEEA8415F70E58F97882DEDmp.png"
                                                alt="星际蓝" data-original='https://res.vmallres.com/pimages//product/6901443331109/40_40_9DF9BF94A5C5575108AF27F42DEEA8415F70E58F97882DEDmp.png' class="lazy">
                                            <p><span>星际蓝</span></p>
                                        </a>
                                    </div>
                                </li>
                                <li class="attr1 selected">
                                    <div class="sku">
                                        <a href="" title="亮黑色">
                                            <img src="https://res.vmallres.com/pimages//product/6901443331109/40_40_9DF9BF94A5C5575108AF27F42DEEA8415F70E58F97882DEDmp.png"
                                                alt="亮黑色" data-original='https://res.vmallres.com/pimages//product/6901443331109/40_40_9DF9BF94A5C5575108AF27F42DEEA8415F70E58F97882DEDmp.png' class="lazy">
                                            <p><span>亮黑色</span></p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="dl versions">
                        <label>选择版本</label>
                        <div class="choose-detail">
                            <ul>
                                <li class="attr2 selected">
                                    <div class="sku">
                                        <a href="" title="5G全网通 8GB+512GB">
                                            <p><span>5G全网通 8GB+512GB</span></p>
                                        </a>
                                    </div>
                                </li>
                                <li class="attr2 selected">
                                    <div class="sku">
                                        <a href="" title="5G全网通 8GB+512GB">
                                            <p><span>5G全网通 8GB+512GB</span></p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="dl combo">
                        <label>选择套餐</label>
                        <div class="choose-detail">
                            <ul>
                                <li class="attr3 selected">
                                    <div class="sku">
                                        <a href="" title="官方标配">
                                            <p><span>官方标配</span></p>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="recommend">
                    <label>保障</label>
                    <div class="relation">
                        <ul>
                            <li>
                                <a href="" target="_blank">华为无忧服务 ￥1299壳</a>
                            </li>
                            <li>
                                <a href="" target="_blank">碎屏服务宝1年 ￥399</a>
                            </li>
                            <li>
                                <a href="" target="_blank">延长服务宝1年 ￥368</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="description-item">
                    <label>已选择商品:</label>
                    <div id="pro-select-sku" class="product-selected">星际蓝 / 5G全网通 8GB+512GB / 官方标配 </div>
                </div>
                <div class="relative">
                    <div class="product-stock" id="pro-quantity-area">
                        <p class="product-stock-btn">
                            <button class="sub" >-</button>
                            <input id="num" value="1">
                            <button class="sup" >+</button>
                        </p>
                    </div>
                    <div id="pro-operation" class="product-button">
                        <a href="./cat.html" class="product-button01 add"><span>加入购物车</span></a>
                        <a href="" class="product-button02"><span>立即下单</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product-tab">
        <div class="layout relative">
            <ul class="tabtop">
                <li href=""  class="">商品详情</li>
                <li href="" >规格参数</li>
                <li href="" >包装与售后</li>
                <li href="" >用户评价<span>(1万+)</span></li>
            </ul>
            <div class="tabtom">
                <div class="tablan">
                    <img style="display: block;width:100%;"
                    src="https://res.vmallres.com/pimages/detailImg/2021/06/02/596195AD374BB831192B2D50B759B994E6185FAF8286C5C9.jpg"
                     alt="" data-original="https://res.vmallres.com/pimages/detailImg/2021/06/02/596195AD374BB831192B2D50B759B994E6185FAF8286C5C9.jpg" 
                     class="lazy">
                </div>
                <div class="tablan">
                    <img src="./image/20210708204155.png" alt="" style=" margin: 0 auto;">
                </div>
                <div class="tablan">
                    <img src="./image/20210708204116.png" alt="" style=" margin: 0 auto;">
                </div>
                <div class="tablan">
                    <img src="./image/20210708204147.png" alt="" style=" margin: 0 auto;">
                </div>
            </div>
        </div>
    </div>    
</div>
<div class="float-main">
    <div class="hungBar">
        <div class="content">
            <div class="common">
                <a target="_blank" href="./cat.html" class="cart">
                    <i>购物车</i>
                </a>
                <a href="" class="top">
                    <i>返回顶部</i>
                </a>
            </div>
            <div class="commons">
                <a href="" class="bottoms">
                    <img src="./img/transhforY.png" alt="">
                    <i>返回底部</i>
                </a>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container">
        <ul class="top">
            <li>
                <a href="#">
                    <i></i>
                    <span>百强企业 品质保证</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i></i>
                    <span>7天退货 15天换货</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i></i>
                    <span>48元起免运费</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <i></i>
                    <span>2000家服务店 全国联保</span>
                </a>
            </li>
        </ul>
        <div class="center">
            <div class="left">
                <dl class="s1">
                    <dt>
                        <p class="title">
                            购物相关
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">购物指南</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">配送方式</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">支付方式</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">常见问题</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s2">
                    <dt>
                        <p class="title">
                            保修与退换货
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">保修政策</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">退换货政策</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">保修状态查询</a>
                            </li>
                            <li>
                                <a target="_blank" href="" rel="nofollow">配件防伪查询</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s3">
                    <dt>
                        <p class="title">
                            维修与技术支持
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">服务店</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">预约维修</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">手机寄修</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">备件价格查询</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">上门服务</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s4">
                    <dt>
                        <p class="title">
                            特色服务
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">防伪查询</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">补购保障</a>
                            </li>
                            <li>
                                <a target="_blank" href="" rel="nofollow">以旧换新</a>
                            </li>
                            <li>
                                <a target="_blank"
                                    href=""
                                    rel="nofollow">礼品包装</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s5">
                    <dt>
                        <p class="title">
                            关于我们
                        </p>
                    </dt>
                    <dd>
                        <ol>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">公司介绍</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">华为商城简介</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">华为零售店</a>
                            </li>
                            <li>
                                <a target="_blank" href=""
                                    rel="nofollow">商家中心</a>
                            </li>
                            <li>
                                <a href="" class="js-feedback" title="意见反馈">意见反馈</a>
                            </li>
                        </ol>
                    </dd>
                </dl>
                <dl class="s6">
                    <dt class="relative">
                        <p class="title">友情链接</p>
                    </dt>
                    <dd class="">
                        <div class="service-list">
                            <ol>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为集团</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为CBG官网</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">花粉俱乐部</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为云</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为应用市场</a>
                                </li>
                                <li>
                                    <a href="" target="_blank"
                                        rel="noopener">华为心声社区</a>
                                </li>
                                <li>
                                    <a href="" target="_blank" rel="noopener">华为海洋</a>
                                </li>
                            </ol>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="right">
                <div class="t1">950805</div>
                <div class="t2">7x24小时客服热线（仅收市话费）</div>
                <div class="t3">
                    <a href="#">
                        <i class="iconfont icon-webicon302"></i>
                        <span>在线客服</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="logo-title">
                <a href="">
                    <img src="https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png" title="华为商城" data-original='https://res.vmallres.com/pimages/sale/2019-01/wLelYbpMVWbj9Xpaa5Fk.png' class="lazy"></a>
            </div>
            <div class="center-f1">
                <div class="fl">
                    <ul class="footer-warrant-link">
                        <li>
                            <a href="">华为集团</a>
                        </li>
                        <li>
                            <a href="">华为CBG官网</a>
                        </li>
                        <li>
                            <a href="">花粉俱乐部</a>
                        </li>
                        <li>
                            <a href="">华为应用市场</a>
                        </li>
                        <li>
                            <a href="">HarmonyOS</a>
                        </li>
                        <li>
                            <a href="">华为终端云空间</a>
                        </li>
                        <li>
                            <a href="">开发者联盟</a>
                        </li>
                        <li>
                            <a href="">华为商城手机版</a>
                        </li>
                        <li>
                            <a href="">网站地图</a>
                        </li>
                    </ul>
                    <a href=""
                        rel="nofollow" target="_blank" title="隐私声明">隐私声明</a> <a
                        href=""
                        rel="nofollow" target="_blank" title="服务协议">服务协议</a> <a
                        href=""
                        rel="nofollow" target="_blank" title="COOKIES">COOKIES</a> Copyright © 2012-<span
                        id="j-copyrightyear">2021</span> 华为终端有限公司 版权所有 <a href=""
                        target="_blank">粤ICP备19015064号</a><em>|</em><a
                        href=""
                        target="_blank">粤公网安备
                        44190002003939号</a><br>增值电信业务经营许可证：粤B2-20190762<em>|</em>备案主体编号：44201919072182<em>|</em>粤新出网备（2021）2号<br><a
                        target="_blank"
                        href="">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
                    | 粤东食药监械经营备20203930
                </div>
            </div>
            <p class="fr footer-warrant-img">
                <a class="fl" href=""
                target="_blank"><img alt="电子营业执照"
                    src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png"title="电子营业执照" data-original='https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png' class="lazy">
                </a>
            </p>
        </div>
    </div>
</footer>
</body>
</html>
